<!doctype html>
<html>
<head>
<style>
	body {height:400px; width:350px; font-family:sans-serif; font-size:.8em; color:black; overflow:hidden; }
	a {color: black;}

	#title {float: left; margin-bottom:5px;}
	#options {float: right;}
	
	.clear {clear: both;}
</style>
<script src='jquery.js'></script>
<script>
	$(document).ready(function() {
		var bg = chrome.extension.getBackgroundPage();
		bg.scheduleRequest();
		
		var width = parseInt(localStorage['width']);
		var height = parseInt(localStorage['height']);
		
		if (!(isNaN(width) || isNaN(height))) {
			$('body').width(width).height(height);
		}

	});
</script>

</head>
<body>

<div id='title'><strong>Postponer</strong></div>
<div id='options'>
	<a href="options.html" target="_blank" title="Options"><img src="img/options.png" alt="Options" /></a> 
	<a href="javascript:try {window.open('http://readitlaterlist.com/unread?bl=1','rillist','scrollbars=1,toolbar=0,status=1,width=380,height=400');}catch(e) { }void(0);" title="Open in external window"><img src="img/external.png" alt="Open in external window" /></a>
	<a href="http://readitlaterlist.com/d" title="Open RIL Digest" target="_blank"><img src="img/pan.png" alt="Open RIL Digest" /></a>
</div>

<iframe src="http://readitlaterlist.com/unread" style="height:100%; width:100%; float:left" frameborder="0">gt</iframe>
</body>	
</html>
